.layout-aside-hd{
  .mod-logo{
    display: block;
    width: 160px;
    height: 36px;
    margin: 14px 0 0 24px;
    background-repeat: no-repeat;
    line-height: 100px;
    overflow: hidden;
  }
  .mod-search {
    position: relative;
    margin: 20px 24px 0;
    z-index: 8;
    .search-panel {
      background: #e8e8e8;
      padding: 0 10px;
      border-radius: 2px;
      height: 36px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid transparent;
    }
    .search-input {
      height: 36px;
      .mod-input {
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 36px;
        line-height: 36px;
        padding: 0 10px 0 34px;
        border-radius: 4px;
        color: #000;
        z-index: 4;
        border: 0;
        background: 0 0;
      }
    }
    .search-placeholder {
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 5;
      line-height: 36px;
      right: 0;
    }
    .icon-search, .icon-search-s {
      margin: 0 13px 0 9px;
      top: -1px;
    }
    .icon-search {
      width: 24px;
      height: 24px;
    }
  }
}
.layout-aside-bd {
  height: calc(100vh - 50px - 56px - 60px);
  overflow-y: auto;
  .mod-menu {
    overflow-y: auto;
    .menu-item {
      position: relative;
      padding: 12px 0;
      .menu-list {
        padding: 0;
        margin: 0;
        li {
          a {
            position: relative;
            height: 40px;
            line-height: 40px;
            display: block;
            padding: 0 0 0 34px;
            color: #555;
            .icon {
              vertical-align: middle;
              margin: 0 14px 0 0;
              top: -1px;
            }
            .menu-tit {
              position: relative;
              vertical-align: middle;
              display: inline-block;
              top: -1px;
            }
          }
          a:hover {
            text-decoration: none;
            background: #EAEAEA;
            transition: ease all;
            transition-duration: .3s;
          }
        }
        li.cur {
          a {
            text-decoration: none;
            background: 0 0;
            color: #2980FF;
            font-weight: 700;
          }
          a:before {
            position: absolute;
            content: "";
            left: 0;
            width: 4px;
            height: 28px;
            top: 50%;
            margin: -14px 0 0;
            background: #2980FF;
          }
        }
      }
    }
    .menu-item:after {
      position: absolute;
      content: "";
      height: 1px;
      bottom: 0;
      background: #E5E5E5;
      left: 24px;
      right: 24px;
    }
  }
}
.layout-aside-ft {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 240px;
  z-index: 10;
  background: #f4f4f4;
  .mod-progress-info {
    padding: 4px 24px 20px;
    cursor: pointer;
    a {
      position: relative;
      font-size: 12px;
      color: #777;
    }
    a:hover {
      text-decoration: underline;
    }
    .progress-info-detail {
      margin: 10px 0 0;
    }
    .info-detail-hd {
      position: relative;
      font-size: 12px;
      color: #777;
      .info-used {
        margin: 0 3px 0 0;
      }
      .hd-act {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        .mod-arrow {
          margin: 0 3px 0 0;
          position: relative;
          top: -1px;
          border: solid #687176;
          border-width: 0 1px 1px 0;
          display: inline-block;
          padding: 3px;
        }
        .mod-arrow-right {
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
        }
      }
    }
    .info-bar {
      position: relative;
      margin: 5px 0 0;
      height: 4px;
      background: #E4E4E4;
    }
    .info-bar-cur {
      height: 100%;
      background: #2980FF;
    }
  }
  .mod-progress-info:hover {
    background: #eaeaea;
  }
}